*{margin: 0;
    padding: 0;}
    body,html{
      width: 100%;
      background: #f0f0f0;
      color: #f0f0f0;
    }
 
    
    /* 头部 */
 
    #top{
      width: 100%;
      height: 40px;
      background: #2d2d2d;
      position: fixed;
      overflow: hidden;
      z-index: 10;
     
    }
    
    
    
    
    
    /* logo */
  
    #header{
      width: 1240px;
      height: 102px;
      margin:0 auto;
    padding-top: 30px;
    }
    
    .logo img{
      float: left;
    width: 180px;
    height: 36px;
    margin-top: 33px;
    }
    
    #header a{
      display: inline-block;
    font-size: 18px;
    color: #333;
    margin:0px 0  0 40px;
    text-decoration: none;
    margin-top: 40px;
    }



    /* 注册框 */
    #loginbar{
        width: 100%;
       min-height:357px;
        margin: 0 auto;
        background: goldenrod;
    }
    
    .loginbar-a{
        width: 100%;
        height: 500px;
        background:url(https://p.ssl.qhimg.com/t01f47e79d371c3a69c.png) no-repeat center;
        margin: 0 auto;
        position: relative;
    }
    
.loginbar-b{
    width: 480px;
    height:480px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    right: 50px;
    top: 10px;
    padding: 40px 30px;
    box-sizing: border-box;
    text-align: center;
}

.loginbar-b h2{
    color: #239e4c;
    font-size: 24px;
    font-weight: normal;
}

.loginba-inp{
    width: 400px;
    height: 320px;
    margin: 0 auto;
    margin-top: 30px;
}

/* .loginba-tel{
  color: red;
} */
.loginba-tel  i{
  font-size: 20px;
  color: #8e8e8e;
  line-height: 42px;
  text-align: left !important;
  margin: 0;
  position: absolute;
  left: 90px;
  
}
.loginba-tel #tel{
  width: 300px;
  height: 40px;
  /* margin-right: 10px; */
  border: none;
  line-height: 42px;
  padding-left: 30px;
  box-sizing: border-box;
  border: 1px solid #8e8e8e;
  outline: none;
}
.loginba-tel>span{
  width: 20px; 
  display: inline-block; 
  color: red !important;
}
/* .loginba-verification{
  margin-top:15px;
  position: relative;
}
.loginba-verification #left{
  width:150px;
  height: 42px;
  border: 1px solid black;
  padding-left: 30px;
  box-sizing: border-box;
  border: 1px solid #8e8e8e ;
  outline: none;
}
.loginba-verification #right{
  width: 100px;
  height: 42px;
  border: 1px solid #8e8e8e;
  outline: none;
}

.loginba-verification i{
  font-size: 20px;
  color: #8e8e8e;
  line-height: 42px;
  text-align: left !important;
  position: absolute;
  left: 20px;
  top: 3px;

}
.loginba-verification button{
  height: 42px;
  width: 70px;
  background: #fff;
  border: none;
  color: #239e4c;

}
.loginba-message{
  margin-top: 10px;
  position: relative;

}
.loginba-message i{
  position: absolute;
 top: 11px;
 left:20px;
 color: #8e8e8e;
}
 #loginba-message-left{
   width: 230px;
   height: 42px;
   padding-left:30px ;
   box-sizing: border-box ;
   border: 1px solid #8e8e8e;
   outline: none;
}
#loginba-message-right{
width: 100px;
height: 42px;
line-height: 42px;
text-align: center;
box-sizing: border-box;
color: #239e4c;
outline: none;
}
 */

.loginba-password{
  margin-top: 15px;
  position: relative;
}
.loginba-password #txt{
  width: 300px;
  height: 40px;
  padding-left: 30px;
  box-sizing: border-box;
  outline: none;
}
.loginba-password i{
  position: absolute;
  margin:0;
  padding: 0;
  top: 10px;
  left: 50px;
  color: #8e8e8e;
}
.loginba-password #txets{
  width: 300px;
  height: 40px;
  padding-left: 30px;
  box-sizing: border-box;
  outline: none;
}
.loginba-password>span{
  width: 20px;
  /* height: 40px; */
  display: inline-block ;
  color: red !important;
  /* line-height: 40px; */
}
.clause{
  margin-top:50px;
  line-height: 16px;
  height: 16px;
  font-size: 10px;
}
label{
  vertical-align: middle;
}
.clause-b span:nth-of-type(1){
color: #8e8e8e;
margin-left: 5px;
}
.clause-b span:nth-of-type(2) a{
  color: #239e4c;
  text-decoration: none;
  }
.clause-b span:nth-of-type(3){
  color: #8e8e8e;
  }
.clause-b span:nth-of-type(4) a{
  color: #239e4c;
  text-decoration: none;
  }
  #regsiter{
    width: 330px;
    height: 42px;
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bolder;
    background:#239e4c ;
    border: none;
  }
  .loginba{
    width: 365px;
    text-align: right;
    margin-top: 10px;
  }
  .loginba span:nth-child(1){
    color: #8e8e8e;
  }
  .loginba span:nth-child(2) a{
    color: #239e4c;
    text-decoration: none;
  }


  .strength-a{
    width: 300px;
    height: 30px;
    /* border: 1px solid black; */
    margin: 0 auto;
    margin-top: 20px;
    line-height: 30px;
    display: inline-flex;
    justify-content: space-evenly;
    margin-right: 18px;
  }
  .strength-a li{
    width: 106px;
    border-left:1px solid #fff ;
    background-color: #8e8e8e;
  }
  .strength .strength-a li:nth-child(1){
    border-left: none;
  }

    /* 底部   */
    .mod-footer{
        width: 100%;
        height: 552px;
        margin: 0 auto;
        text-align: center;
      }
   